<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/01/01.css">
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/echarts3.8.5_min.js"></script>
    <script src="../js/template-native.js"></script>
</head>
<body>
    <div class="c-content" id="contentindex">
        <!--********************************* top model*********************************** -->
        <div class="top-model" id="top-model">
        </div>
        <div class="mid-model">
            <div class="mid-left">
                <div class="m-c-t">
                    <a class="m-item" style="display:block" onclick="changetogo(1)">
                        <div class="classIntru bg-color-bg">班组简介<img src="../img/01/3.png"></div>
                        <div class="m-q-q bg-color-border">
                            <div class="m-i-i">
                                 <textarea readonly class="bg-color-font textareaW">
                                 </textarea>
                                 <div class="m-job" id="m-job">
                                     <!-- <div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>班组成员12人</span><span>平均年龄35岁</span></div>
                                     <div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>大专及以上学历8人</span><span>中共党员5人</span></div>
                                     <div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>工程师5人</span><span>助理工程师4人</span><span>高级技师1人</span><span>技师3人</span><span>高级工4人</span></div> -->
                                 </div>
                            </div>
                        </div>
                    </a>
                    <a class="m-m-a" style="display:block"  onclick="changetogo(4)">
                        <div class="classIntru bg-color-bg">班组成员<img src="../img/01/3.png"></div>
                        <div class="m-m-person bg-color-border" id="peopleQ">
                            <!-- <div class="pre-item">
                                <div class="pre-top">
                                    <div class="pre-name">张震华</div>
                                    <div class="p-j-job">班长</div>
                                </div>
                                <div class="imgIcon">
                                    <img src="../img/01/1.png" alt="">
                                </div>
                            </div> -->
                        </div>
                    </div>
                </a>
                <!--*************************************班务公开*********************************-->
                <a class="class-public" style="display:block" >
                    <!-- href="./detail/detail1.html?number=3" -->
                    <div class="class-title">
                        <div class="c-c-p bg-color-bg">班务公开<img src="../img/01/3.png"></div>
                        <div class="c-c-rw bg-color-borders">
                            <div class="c-list bg-color-bg bg-color-font">月度工作任务</div>
                            <div class="c-list bg-color-font">考勤表</div>
                            <div class="c-list bg-color-font">值班表</div>
                        </div>
                    </div>
                    <div class="c-list-node active">
                        <div class="c-kaoq">
                                月度工作任务评分统计图
                        </div>
                        <div class="c-c-table" id="charts">
                                   
                        </div>
                    </div>
                    <div class="c-list-node">
                        <div class="c-kaoq">
                            考勤表
                        </div>
                        <div class="c-c-table" id="morework">
                            
                        </div>
                    </div>
                    <div class="c-list-node">
                            <div class="c-kaoq">
                                值班表
                            </div>
                            <div class="c-c-table">
                                    <table id="newtable">
                                    </table>       
                            </div>
                    </div>
                </a>
            </div>
            <div class="mid-right ">
                <!--*******************************title************************************-->
                <div>
                    <div class="classIntru bg-color-bg classroller "><img src="../img/01/3.png">班组荣誉、愿景、风采剪影</div>
                </div>
                <div class="bg-color-border c-r-photo">
                    <a class="c-honer" onclick="changetogo(2)">
                        <!-- <div class="item-hover">
                            <img src="../img/honner/honour1.png" alt="">
                        </div>
                        <div class="item-hover">
                            <img src="../img/honner/honour7.jpg" alt="">
                        </div>
                        <div class="item-hover">
                            <img src="../img/honner/honour6.jpg" alt="">
                        </div> -->
                    </a>
                    <div class="c-img-croper">
                        <!-- <div class="c-c-left">
                            <img src="../img/demeanour/mg9.jpg" alt="">
                        </div>
                        <div class="c-c-mid">
                            <img src="../img/demeanour/mg12.jpg" alt="">
                            <img class="newimg" src="../img/demeanour/mg13.png" alt="">
                        </div>
                        <a class="c-c-right" onclick="changetogo(3)">
                            <img src="../img/01/5.jpg" alt="">
                        </a> -->
                    </div>
                    <div class="newtitle bg-color-bg">
                      <span class="new-before"></span>  班组愿景<span class="new-after"></span>
                    </div>
                    <a class="classhopeN" onclick="changetogo(6)">
                        <textarea class="textareay" id="classhope" readonly>
                        </textarea>
                    </a>
                </div>
            </div>
        </div>
    </div>
    

    <!-- 个性化弹窗 -->
    <div class="diago" style="display: none;">
            <div class="diado-content diago-active">
                <div class="diago-title bg-color-bg">
                    <div class="diago-left">个性化设置</div>
                    <div class="diago-close"></div>
                </div>
                <div class="model-content">
                    <div class="model-list">
                        <ul class="clearfix">
                            <li class="active">
                                <div class="modelDiv">
                                    <p>模板一</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板二</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板三</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板四</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="totrue">确定</div>
                    <div class="cancel">取消</div>
                </div>
                <div class="choose">

                </div>
            </div>
        </div>
    <!--********************************* top templete*********************************** -->
    <!--<div class="edit">
        <button id="btn">111</button>
        <textarea id="index0">

        </textarea>
        <textarea class="a-c-c" id="a-c-c">
                设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
        </textarea> 
    </div>-->
    <div class="diagoT">
         <div class="diago-content">
            <div class="diago-title bg-color-bg">
                    <div class="diago-left">口号设置</div>
                    <div class="diago-close" ></div>
             </div>
             <div class="cont-diago">
                <input type="text" id="cont-value">
             </div>
             <div class="diago-bottom">
                <div class="btn">确定</div>
                <div class="cancelbtn">取消</div>
             </div>
         </div>
    </div>
<script type="text" id="temp01">
     <div class="top-content clearfix">
          <div class="topLeft fl"></div>
          <div class="topright fl">
              <div class="top-more">>>>>></div>
              <div class="top-message">
                 <span class="titlep"></span>
              <div>
          </div>
          <div class="system">
                <a class="goback-sys bg-color-bg">
                   <img src="../img/system/change.png" alt="">  
                </a>
                <a class="gonext-sys bg-color-bg">
                    <img src="../img/system/setting.png" alt="">  
                </a>
                <div class="truemodel">
                    <div class="truelists">选择模板</div>
                    <div class="changekh">修改口号</div>
                </div>
          </div>
     </div>
</script>
<script src="../js/config.js"></script> 
<script>
    //*******************************模拟数据***************************************//
    // 全局apiurl
// var urlpath = location.href.indexOf("?")+1;
// urlpath = location.href.substring(urlpath);
// var arr=urlpath.split("&");
// uesrMessage ={
// }
// arr.forEach(
//     function(item){
//         var brr = [];
//         brr=item.split("=");
//         debugger;
//         x[brr[0]]= brr[1];
//     }
// )
// var  userId = uesrMessage.userId;
// var  bzId = uesrMessage.bzId;
    var topData = {
        'className':'电气二次班',
        'title01':"团结就是力量",
        'title02':"创建迎来希望"
    }
    var back = template('temp01',topData);
    $("#top-model").html(back);
//    $(".bgcolor").css('backgroundColor',localStorage.getItem('color'));
   $(".bgcolor").css('backgroundColor','#e84921');

   $("#btn").click(
       function(){
           var x = $("#index0").val();
           $('#a-c-c').html(x);
       }
   )

   $('.c-list').click(
       function(index){
           $('.c-list').removeClass('bg-color-bg');
           $('.c-list-node').removeClass('active');
           $('.c-list-node').eq($(this).index()).addClass('active');
           $(this).addClass('bg-color-bg');
       }
   )
    $(".gonext-sys").click(
        function(){
            if($(".truemodel").css("display")=="block"){
                $(".truemodel").css("display","none");
            }else{
                $(".truemodel").css("display","block");
            }
        }
    )
    $(".truelists").click(
        function(){
                $(".diago").css("display","block");
        }        
    )
    // var numT = 0;
    $('.model-list ul li').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        numT = $(this).index();
    })

    var jpathurl = '?userId='+userId+"&bzId="+bzId;
    $(".totrue").click(
        function(){
            $(".diago").css("display","none");
            if(numT==0){
                debugger;
                location.href = "./index.html"+jpathurl
            }else if(numT==1){
                location.href = "./index2.html"+jpathurl
            }else if(numT==2){
                location.href = "./index3.html"+jpathurl
            }else if(numT==3){
                location.href = "./index4.html"+jpathurl
            }
        }
    )
    $(".goback-sys").click(
        function(){
            location.href = "./index4.html"+jpathurl
        }
    )
    $(".diago-close").click(
        function(){
            $(".diagoT").css("display","none");
            $(".diago").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".cancel").click(
        function(){
            $(".diago").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".changekh").click(
        function() {
            $(".diagoT").css("display","block");
            $("#cont-value").val($(".titlep").text());
            console.log($(".titlep").text())
        }
    )
    $(".btn").click(
        function(){
            kouhao();
            $(".diagoT").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".cancelbtn").click(
        function(){
            $(".diagoT").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    //编辑口号
function kouhao(){
    var summaryList = $("#cont-value").val();
    var SaveWallInfo = new FormData();
    var saveParams ={
        userId:userId,
        data:{
            bzId:bzId,
            slogan:summaryList,
            savetype:"slogan"
        } 
    }
    SaveWallInfo.append(
        'json',JSON.stringify(saveParams)
    )
    $.ajax(
        {
            url:baseUrl+'api/Culture/SaveWallInfo',
            data:SaveWallInfo,
            type:"POST",
            contentType:false,
            processData:false,
            success:function(data){
                console.log(data);
                location.href = "./index.html"+jpathurl
                // location.href="./detail1.html?number=2"
            }
        }
    )
}
function changetogo(index){
     location.href = "./detail/detail1.html?number="+index+'&userId='+userId+"&bzId="+bzId;
 } 
</script>
<script src="../js/main.js"></script>
</body>
</html>